@charset "utf-8";
@import "base";
.bannerBox{
  position:relative;
}
.nav{
  z-index:3;
  top:40px;
  right:70px;
  position:absolute;
  li{
    float:left;
    width:180px;
    height:60px;
    text-align: center;

    a{
      text-align:center;
      font-size:32px;
      line-height:60px;
      color:#fff
    }
  }
}
.self{
  background-image:-webkit-linear-gradient(to top right, #ff3c00, #f7bd22);
  background-image:linear-gradient(to top right, #ff3c00, #f7bd22);
}
.load{
  top:40%;
  left:25%;
  position:absolute;

  p{
    font-size:26px;
    color:#fff;
  }
}
.logoBox{
  margin-top:30px;

  li{
    float:left;
    margin-right:30px
  }
}
.find-items{
  position:relative;

  img{
    vertical-align: middle;
    float:left;
    margin-right: 20px;
  }
  p{
    font-size:28px;
    width: 562px;
    float:left;
    line-height:40px;
  }
}
.introduce{
  left:50%;
  top:140px;
  position:absolute;
  li{
    margin-bottom:40px;
  }
}
.details{
  position:relative;
}
.three-items{
  display:flex;
  li{
    margin-right:90px;
    position:relative;

    &:nth-child(3){
      margin-right:0
    }
  }
}
.panner{
  top:20%;
  position:absolute;
  padding:0 30px;

  p{
    font-size:26px;
    color:#fff;
    line-height:50px;
  }
}
.showBox{
  top:20%;
  position:absolute;
  padding:0 130px
}
.foot{
  position:relative;

  p{
    color:#fff;
    position:absolute;
    bottom:54px;
    font-size:24px;
    left:50%;
    margin-left:-562px;
  }
}